.allbox {
	position: relative;
	/*width: 900px;*/
	margin-left: 350px;
	margin-top: 160px;
	z-index: 66;
}
.title{
	font-size: 32px;
	position: absolute;
	top: -40px;
	color: orangered;
}
.order_id,
.trade_name {
	float: left;
	width: 300px;
	/*height: 200px;*/
	margin-top: 20px;
	/*background-color: #CCCCCC;*/
}

.order_id input,
.trade_name input {
	width: 150px;
	height: 25px;
	border: 1px solid #000;
	padding-left: 10px;
}

.order_time {
	float: left;
	width: 600px;
	/*height: 200px;*/
	margin-top: 20px;
	/*background-color: #CCCCCC;*/
}

.order_time input {
	width: 150px;
	height: 25px;
	border: 1px solid #000;
	padding-left: 10px;
}

.state {
	/*width: 1200px;*/
	margin: 40px 0;
}

.state ul li {
	float: left;
	padding: 10px 20px;
	margin: 5px 40px 5px 0px;
	background-color: #c2f0c2;
	border: 1px solid #c2f0c2;
}

.state ul li:hover {
	/*border: 1px solid #000000;*/
	background-color: lightgreen;
}

.state ul li:hover input {
	color: #000000;
	background-color: lightgreen;
}

.state ul li input {
	background-color: #c2f0c2;
	font-size: 16px;
}

@font-face {
	font-family: 'iconfont';
	/* project id 613580 */
	src: url('//at.alicdn.com/t/font_613580_m3u69hr4un3a0pb9.eot');
	src: url('//at.alicdn.com/t/font_613580_m3u69hr4un3a0pb9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_613580_m3u69hr4un3a0pb9.woff') format('woff'), url('//at.alicdn.com/t/font_613580_m3u69hr4un3a0pb9.ttf') format('truetype'), url('//at.alicdn.com/t/font_613580_m3u69hr4un3a0pb9.svg#iconfont') format('svg');
}

/*.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}*/

.orderzr,
.orderzr1 {
	position: relative;
	width: 100%;
}

.allorderzr {
	position: relative;
	/*width: 1200px;*/
	margin-top: 40px;
	margin-left: 350px;
	margin-right: 20px;
	z-index: 66;
}

.orderzr {
	/*border: 1px solid #000000;*/
	background-color: #c2f0c2;
}

.orderzr1 {
	position: relative;
	border-bottom: 1px solid #000000;
}

.orderzrfix {
	float: left;
	/*margin: 5px;*/
	padding: 10px 0px;
	text-align: center;
	/*border-left: 1px solid #000000;*/
}

.orderzrfix:nth-child(1) {
	border: 0;
}

.orderzr_img {
	width: 20%;
}

.orderzr_name {
	width: calc(58%/4);
}

.orderzr_value {
	width: calc(58%/4);
}

.orderzr_price {
	width: calc(58%/4);
}

.orderzr_num {
	width: 20%;
}

.orderzr_control {
	width: calc(58%/4);
}

.orderzr1_img,
.orderzr1_num {
	width: 20%;
	height: 150px;
	line-height: 150px;
}

.orderzr1_name,
.orderzr1_value,
.orderzr1_price,
.orderzr1_control {
	width: calc(58%/4);
	height: 150px;
	line-height: 150px;
}

.orderzr1_num {
	position: relative;
}

.numsty {
	margin: 28px auto;
	width: 60px;
	height: 30px;
	line-height: 30px;
	background-color: #c2f0c2;
}

.numsty input {
	outline: none;
	border: 0;
	width: 60px;
	height: 20px;
	text-align: center;
	color: #000;
	background-color: #c2f0c2;
}

.orderzr1_control input {
	border: 0;
	outline: none;
	text-align: center;
	color: #000;
	background-color: #c2f0c2;
}

.order_cont {
	margin: 20px 0 0 10px;
}

.order_nav ul li {
	float: left;
	width: 20%;
	margin: 10px 35px 0 0;
}

.orderzr1:hover {
	background-color: #defdde;
}

.orderzr1:hover .numsty {
	background-color: #CCCCCC;
}

.orderzr1:hover .numsty input {
	background-color: #CCCCCC;
}


/*.i6,
			.i7 {
				position: absolute;
				top: 70px;
				font-size: 18px;
				color: #008000;
			}
			
			.i6 {
				left: 55px;
			}
			
			.i7 {
				right: 55px;
			}*/